<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/recharge.css" rel="stylesheet">
    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="user">
        <div class="clearfix">
            <div class="user_nav">
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-liebiao"></use>
                        </svg>
                        资金总览</h4>
                    <a href="/user/pandect.html">资金总览</a>
                    <a href="/user/recharge.html">充值</a>
                    <a href="/user/enchashment.html">提现</a>
                    <a href="/user/record.html">交易查询</a>
                    <a href="/user/user.html" class="active">账户认证</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-touzi-copy"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myBidPlanList.html">点点安赢</a>
                    <a href="/user/vip.html">点点专享</a>
                    <a href="/user/assignment.html">自动投标</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-moneybag"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myloan.html">我的借款</a>
                </div>
            </div>
            <div class="recharge tab-pane">
                <h4>
                    <a href="/user/user.html">我的投资</a>
                    <a>></a>
                    <a class="active">转让专区</a>
                </h4>
                <div class="nav">
                    <span href="#tradable" role="tab" data-toggle="tab" class="color">可交易债权</span>
                    <span href="#trade" role="tab" data-toggle="tab">交易中债权</span>
                    <span href="#already" role="tab" data-toggle="tab">已卖出债权</span>
                    <span href="#purchased" role="tab" data-toggle="tab">已购买债权</span>
                    <span href="#closed" role="tab" data-toggle="tab">已关闭交易</span>
                </div>
                <div class="tab-content">
                    <div id="tradable" class="point_list tab-pane active">
                        <div class="point_list_title row">
                            <div class="text-center">债权名称</div>
                            <div class="text-center">出让本金</div>
                            <div class="text-center">操作</div>
                        </div>
                        <div class="text-center">
                            <div class="point_list_info row">
                                <div class="text-center list_name">
                                    <a href="#">阳光理财阳光理财阳光理财阳光理财</a>
                                </div>
                                <div class="text-center">888.88</div>
                                <div class="text-center">
                                    <span class="btn btn-primary">挂牌交易</span>
                                    <span class="btn btn-primary">回款计划</span>
                                </div>
                            </div>
                            <div class="point_list_info row">
                                <div class="text-center list_name">
                                    <a href="#">阳光理财阳光理财阳光理财阳光理财</a>
                                </div>
                                <div class="text-center">888.88</div>
                                <div class="text-center">
                                    <span class="btn btn-primary">挂牌交易</span>
                                    <span class="btn btn-primary">回款计划</span>
                                </div>
                            </div>
                            <div class="point_list_info row">
                                <div class="text-center list_name">
                                    <a href="#">阳光理财阳光理财阳光理财阳光理财</a>
                                </div>
                                <div class="text-center">888.88</div>
                                <div class="text-center">
                                    <span class="btn btn-primary">挂牌交易</span>
                                    <span class="btn btn-primary">回款计划</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="trade" class="point_list tab-pane">
                        <div class="point_list_title row">
                            <div class="text-center">债权名称</div>
                            <div class="text-center">出让本金</div>
                            <div class="text-center">折让金</div>
                            <div class="text-center">折让率</div>
                            <div class="text-center">挂牌时间</div>
                            <div class="text-center trade_width">操作</div>
                        </div>
                        <div class="text-center">
                            <div class="point_list_info row">
                                <div class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</div>
                                <div class="text-center">3888.88元</div>
                                <div class="text-center">-23.33元</div>
                                <div class="text-center">-6‰</div>
                                <div class="text-center">2017-05-17</div>
                                <div class="text-center trade_width">
                                    <span class="btn btn-primary">挂牌交易</span>
                                    <span class="btn btn-primary">回款计划</span>
                                </div>
                            </div>
                            <div class="point_list_info row">
                                <div class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</div>
                                <div class="text-center">3888.88元</div>
                                <div class="text-center">-23.33元</div>
                                <div class="text-center">-6‰</div>
                                <div class="text-center">2017-05-17</div>
                                <div class="text-center trade_width">
                                    <span class="btn btn-primary">挂牌交易</span>
                                    <span class="btn btn-primary">回款计划</span>
                                </div>
                            </div>
                            <div class="point_list_info row">
                                <div class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</div>
                                <div class="text-center">3888.88元</div>
                                <div class="text-center">-23.33元</div>
                                <div class="text-center">-6‰</div>
                                <div class="text-center">2017-05-17</div>
                                <div class="text-center trade_width">
                                    <span class="btn btn-primary">挂牌交易</span>
                                    <span class="btn btn-primary">回款计划</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="already" class="point_list tab-pane">
                        <div class="point_list_title row">
                            <div class="text-center">债权名称</div>
                            <div class="text-center">出让本金</div>
                            <div class="text-center">折让金</div>
                            <div class="text-center">折让率</div>
                            <div class="text-center">结算金额</div>
                            <div class="text-center">交易时间</div>
                            <div class="text-center">操作</div>
                        </div>
                        <div class="text-center">
                            <div class="point_list_info row">
                                <div class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</div>
                                <div class="text-center">3000.00</div>
                                <div class="text-center">-44.44</div>
                                <div class="text-center">5.0%</div>
                                <div class="text-center">2000.00</div>
                                <div class="text-center">2017-07-25</div>
                                <div class="text-center">9.34元</div>
                            </div>
                        </div>
                    </div>
                    <div id="purchased" class="point_list tab-pane">
                        <div class="point_list_title row">
                            <div class="text-center">债权名称</div>
                            <div class="text-center">出让本金</div>
                            <div class="text-center">折让金</div>
                            <div class="text-center">折让率</div>
                            <div class="text-center">结算金额</div>
                            <div class="text-center">交易时间</div>
                            <div class="text-center">操作</div>
                        </div>
                        <div class="text-center">
                            <div class="point_list_info row">
                                <div class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</div>
                                <div class="text-center">3000.00</div>
                                <div class="text-center">-44.44</div>
                                <div class="text-center">5.0%</div>
                                <div class="text-center">2000.00</div>
                                <div class="text-center">2017-07-25</div>
                                <div class="text-center">9.34元</div>
                            </div>
                        </div>
                    </div>
                    <div id="closed" class="point_list tab-pane">
                        <div class="point_list_title row">
                            <div class="text-center">债权名称</div>
                            <div class="text-center">出让本金</div>
                            <div class="text-center">折让金</div>
                            <div class="text-center">折让率</div>
                            <div class="text-center">关闭时间</div>
                        </div>
                        <div class="text-center">
                            <div class="point_list_info row">
                                <div class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</div>
                                <div class="text-center">3000.00</div>
                                <div class="text-center">44.44</div>
                                <div class="text-center">5.5%</div>
                                <div class="text-center">2017-01-01</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer></footer>
    <script src="//at.alicdn.com/t/font_380032_fc89xibpf401kyb9.js"></script>
    <script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        $(".nav span").click(function () {
            $(".nav span").removeClass();
            $(this).addClass("color")
        })
    </script>
</body>

</html>